<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>TzMarlon</title>

		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_1464512820_8751209.css" />
		<script type="text/javascript">
			var basePath = "";
		</script>
		<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
		<script type="text/javascript" src="js/ke_util.js"></script>
		<script type="text/javascript" src="js/tm_Admin.js"></script>

		<script type="text/javascript" src="js/keke_music.js"></script>
		<script type="text/javascript" src="js/keke_play.js"></script>
		<script type="text/javascript" src="js/tm_Relation.js"></script>
	</head>

	<body style="background:url(images/bg2.jpg)" data-type="1" data-typeid="2" data-filterid="2">
		<!--头部-->

		<div class="header">
			<div class="heardbox">
				<div class="c_left">

					<a href="" class="logo"><i class="iconfont icon-logo fz32" style="color:#0C0A0A"></i></a>
					<ul class="nav">
						<li>
							<a href="index.html"><i class="iconfont icon-home"></i>首页</a>
						</li>
						<li>
							<a href="article_list.html"><i class="iconfont icon-zhuanti"></i>专题</a>
						</li>
						<li>
							<a href="#"><i class="iconfont icon-community"></i>社区</a>
						</li>
						<li>
							<a href="music_index.html"><i class="iconfont icon-single"></i>单曲</a>
						</li>
					</ul>
					<div class="clearfix"></div>
					<!--清除浮动  -->
				</div>
				<div class="c_right" id="userbox"></div>
				<div class="clearfix"></div>
				<!--清除浮动  -->
			</div>
		</div>
		<div class="clearfix"></div>
		<!--清除浮动  -->
		<!-- 内容区 -->
		<div class="container">
			<div class="mbox">
				<img src="images/2.jpg" alt="" width="955px" height="350" />
				<div class="p_over"></div>
				<div class="tit_over">
					<h1><i class="iconfont icon-music fz32" style="display:inline-block"></i>当美好事物改变的时候2</h1>
					<p>2016-04-18 23:10:34.0 @柯柯
						<span id="time">02:57</span>/<span id="ptime">00:00</span>
						<span id="percent">0%</span>
					</p>
					<a href="javascript:void(0);" class="ke_op"><i class="iconfont icon-play fz64"></i></a>
					<!-- 音轨的盒子 -->
					<div id="wrapbox"></div>
				</div>
			</div>

			<div class="content mt28">
				一首歌唱到最后还会剩下什么？ 无非相遇别离、无非是找到自己的位置，并安然地待下去。除此之外，别无其他。值得庆幸的是，我们依然能够剔除掉表面的玩意，内敛而踏实地活着。在灿烂的夜晚里，依然能够笑着流出了泪。 本期音乐为华语摇滚乐专题。

				<br/>
				<audio src="blog/1/03.mp3" id="audio"></audio>
			</div>

			<div class="relation">
				<h1><i class="iconfont icon-star fz32"></i>相似主题</h1>
				<ul id="relationbox"></ul>
			</div>

			<div class="clearfix"></div>
			<div id="comments">
				<div class="areabox">
					<textarea id="content" placeholder="请输入你要讲评论..."></textarea>
					<div class="subtn">
						<a href="javascript:volid(0)" onclick="tmRelation.saveComment()" class="fr"><i class="iconfont icon-fabiao"></i>发表言论</a>
					</div>
				</div>
				<hr/>
				<div class="commentbox"></div>
			</div>
			<!--ie678不支持--->
		</div>
		<!-- end 内容区 -->

		<div class="footer mt15">
			<div class="content">龙梦情缘工作室tzmarlon@163.com</div>
		</div>
		<style>
			#tm_top {
				width: 24px;
				height: 24px;
				position: fixed;
				bottom: 48px;
				right: 15px;
				display: none;
			}
			
			#tm_top a {
				display: inline-block;
				line-height: 24px;
			}
		</style>
		<div id="tm_top">
			<a href="" onclick=""><i class="iconfont icon-top fz48"></i></a>
		</div>
		<!--底部-->
		<script type="text/javascript">
			/*损坏图片的处理方案*/
			$(function() {
				$("img").on("error", function() {
					$(this).attr("src", basePath + "/resource/images/noimage.gif");
				});
				tmRelation.load(); //加载相似主题
				tmRelation.loadComment(1); //加载评论内容
			});
		</script>
	</body>

</html>